<!doctype html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">

	<head>
		<meta charset="utf-8">
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>发布CHAT</title>
		<meta name="keywords" content="">
		<meta name="description" content="">
		<link rel="stylesheet" type="text/css" th:href="@{/chat/css/bootstrap.min.css}">
		<link rel="stylesheet" type="text/css" th:href="@{/chat/css/nprogress.css}">
		<link rel="stylesheet" type="text/css" th:href="@{/chat/css/style.css}">
		<link rel="stylesheet" type="text/css" th:href="@{/chat/css/font-awesome.min.css}">
		<link rel="apple-touch-icon-precomposed" th:href="@{/chat/images/icon.png}">
		<link rel="shortcut icon" th:href="@{/chat/images/favicon.ico}">
		<script th:src="@{/chat/js/jquery-2.1.4.min.js}"></script>
		<script th:src="@{/chat/js/nprogress.js}"></script>
		<script th:src="@{/chat/js/jquery.lazyload.min.js}"></script>

		<!--[if gte IE 9]>
		<script th:src="@{/chat/js/jquery-1.11.1.min.js}" type="text/javascript"></script>
		<script th:src="@{/chat/js/html5shiv.min.js}" type="text/javascript"></script>
		<script th:src="@{/chat/js/respond.min.js}" type="text/javascript"></script>
		<script th:src="@{/chat/js/selectivizr-min.js}" type="text/javascript"></script>
		<![endif]-->
		<!--[if lt IE 9]>
		<script>window.location.href='upgrade-browser.html';</script>
		<![endif]-->
		<link rel="stylesheet" type="text/css" th:href="@{/chat/css/home.css}">
	</head>

	<body class="user-select single">
	<header class="header">
		<nav class="navbar navbar-default" id="navbar">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#header-navbar" aria-expanded="false"> <span class="sr-only"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
					<h1 class="logo hvr-bounce-in"><a href="#" title="木庄网络博客"><img th:src="@{/chat/images/201610171329086541.png}" alt="木庄网络博客"></a></h1>
				</div>
				<div class="collapse navbar-collapse" id="header-navbar">
					<form class="navbar-form visible-xs" action="/Search" method="post">
						<div class="input-group">
							<input type="text" name="keyword" class="form-control" placeholder="请输入关键字" maxlength="20" autocomplete="off">
							<span class="input-group-btn">
		<button class="btn btn-default btn-search" name="search" type="submit">搜索</button>
		</span> </div >
					</form>
					<ul class="nav navbar-nav navbar-right">
						<li>
							<a data-cont="首页" title="首页" th:href="@{/chathome}">首页</a>
						</li>
						<li>
							<a data-cont="全部chat" title="全部chat" th:href="@{/list}">全部chat</a>
						</li>
						<li>
							<a data-cont="我要发布" title="我要发布" th:href="@{/createchat}">我要发布</a>
						</li>
						<li>
							<a data-cont="我要写作" title="我要写作" th:href="@{/chatlist}">我要写作</a>
						</li>
						<li>
							<a data-cont="我的订购" title="我的订购" th:href="@{/chatreservelist}">我的订购</a>
						</li>
						<li>
							<a data-cont="我的交流" title="我的交流" th:href="@{/chateassylist}">我的交流</a>
						</li>
						<li>
							<a href="javascript:;">小明</a>
						</li>
					</ul>
				</div>
			</div>
		</nav>
	</header>
		<section class="container">
			<div class="content-wrap">
				<div class="content">
					<article class="article-content">
						<form id="comment-form" name="comment-form" action="#" th:action="@{/savechat}" method="POST" enctype="multipart/form-data">
							<div style="width:100%;max-width:1160px;margin:0 auto;overflow:hidden;">
								<div style="width:100%;max-width: 800px;display: inline-block;float: left;">
									<div style="border:0;padding:0 25px 0 25px;" class="mazi-columns-container item-container">
										<div style="background-color:#fff;border-bottom:1px solid #f5f5f5;line-height:50px;font-size:18px;font-weight:500;color:#666;padding:0 0 0 46px;">
											<span>发布 Chat</span></div>
										<div style="border:0;padding:0 25px 0 25px;" class="mazi-activity-container item-container">
											<div style="background-color:#fafafa;border:0;position: relative;top: 0px;bottom: 50px;-webkit-overflow-scrolling: touch;right: 0px;left: 0px;" class="mazi-activity-container item-container">
											<div style="padding:10px 0 10px 0;background-color:#ffffff" class="col-md-12">
												<div style="height:30px;line-height:30px;padding-left:20px;color:#898989;margin:10px 0 -15px 0;">活动形式</div>
												<div style="text-align:left;padding-top:20px;color:#888;">
													<ul>
														<li>一场 Chat 包含一篇文章和一次线上交流</li>
														<li>发布后开始接受预订，预订人数达标后活动正式开启</li>
														<li>活动结束后，收入的 90% 归作者</li>
													</ul>
												</div>
											</div>
											<div style="padding:10px 20px;background-color:#ffffff" class="col-md-12">
												<div style="display:inline-block;width:100%;">
													<div style="float:left;line-height:30px;color:#898989;">活动题目:</div>
													<div style="margin-left:70px;"><input id="activity_title" style="margin-bottom: 10px;" type="text" placeholder="在这里输入分享题目，少于30字。" class="form-control" name="name">
													</div>
												</div>
												<div style="display:inline-block;width:100%;">
													<div style="float:left;line-height:30px;color:#898989;">内容介绍:</div>
													<div style="margin-left:70px;"><textarea id="activity_description" rows="5" placeholder="你将分享的话题是什么？有哪些部分？请详细说明。（介绍越详细，越有可能赢得更多读者。）少于350字。" class="form-control" name="brief"></textarea></div>
												</div>
											</div>
											<div style="padding:10px 20px 0 20px;background-color:#ffffff" class="col-md-12">
												<div style="display:inline-block;width:100%;">
													<div style="float:left;line-height:30px;color:#898989;">头 衔:</div>
													<div style="margin-left:70px;"><input id="authorTitle2" style="margin-bottom: 10px;" type="text" placeholder="有啥牛逼的头衔头说出来吧(少于30字)" value="" class="form-control" name="user_title"></div>
												</div>
												<div style="display:inline-block;width:100%;">
													<div style="float:left;line-height:30px;color:#898989;">个人简介:</div>
													<div style="margin-left:70px;"><textarea id="authorBackground2" style="margin-bottom: 10px;" rows="3" placeholder="是一位有着多年经验的教师，还是一位被摧残了多年的童鞋(speak)" class="form-control" name="userbrief"></textarea></div>
												</div>
											</div>
												<div style="padding:10px 20px 0 20px;background-color:#ffffff" class="col-md-12">
													<div style="display:inline-block;width:100%;">
														<div style="float:left;line-height:30px;color:#898989;">封面图片:</div>
														<div style="margin-left:70px;"><input type="file" name="file" accept="image/*" style="margin-bottom: 10px;" /> <br></div>
													</div>
												</div>
												<div style="padding:10px 20px 0 20px;background-color:#ffffff" class="col-md-12">
												<div style="display:inline-block;margin-bottom:4px;width: 100%;">
													<div style="width:60px;display:inline;float:left;">达标人数</div>
													<select id="reader_limit" style="width:192px;margin-top: -6px;float:right;" class="mazi-activity-new-option mazi-activity-new-option-unselected-btn" name="endnumber">
														<option value="60">60人</option>
														<option value="80">80 人</option>
														<option value="100">100 人</option>
													</select>
												</div>
												<div style="display:inline-block;margin-bottom:20px;width: 100%;color:#bbb;">预订人数达标后，方可进行写作和分享。</div>
												<div style="display:inline-block;margin-bottom:20px;width: 100%;">
													<div style="width:60px;display:inline;float:left;">活动价格</div>
													<div style="width:200px;margin-top: -6px;float:right;" class="input-group"><input id="activity_price" onkeyup="Num(this)" style="width:153px;float: right;border-right:0;text-align:left;border-width:1px;-webkit-appearance:none;" type="text" value="1.99" class="mazi-activity-new-option" name="money"><span style="background-color:#ffffff;border: 1px solid #dcdcdc;border-left:0;border-radius: 0;" class="input-group-addon">元</span></div>
												</div>
												<div style="display:inline-block;margin:5px 0 5px 0;width: 100%;color:#bbb;">您的最终收益＝预订人数（不含会员、买赠及作者赠送名额）× 活动价格 × 90% + 会员收入分成（月结）</div>
											</div>
										</div>
											<div style="margin:0;padding:0 0 50px 0;background-color:#ffffff" class="col-md-12">
												<div id="forGroup" style="text-align:left;padding:30px 20px;margin:0 auto;max-width:500px;font-size:14px;">
													<div style="margin: -6px 0 0 0;line-height:25px;">预定截止日期：<input style="border:0px;" readonly="readonly" th:name="createtime" th:value="${createdate}"></input></div>
													<div style="line-height:25px;">交稿截止日期：<input style="border:0px;" th:name="endtime" readonly="readonly"  th:value="${enddate}"></input></div>
													<div style="margin: 30px 0 0 0;line-height:20px;color:#727171;">如未在以上日期前达到预订人数、完成交稿，本活动募集的款项将全数退还给读者。</div>
												</div>
												<div style="height:120px;overflow:hidden;margin-top:-30px;">
													<div style="text-align:center;margin:20px;"><button id="web_post_activity_form" style="width:250px;font-size:16px;" class="btn btn-primary">发 布</button></div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</form>

					</article>
				</div>
			</div>
			<aside class="sidebar">
				<div class="fixed">
					<div class="widget widget-tabs">
						<ul class="nav nav-tabs" role="tablist">
							<li role="presentation" class="active">
								<a href="#notice" aria-controls="notice" role="tab" data-toggle="tab" draggable="false">统计信息</a>
							</li>
							<li role="presentation">
								<a href="#contact" aria-controls="contact" role="tab" data-toggle="tab" draggable="false">联系站长</a>
							</li>
						</ul>
						<div class="tab-content">
							<div role="tabpanel" class="tab-pane contact active" id="notice">
								<h2>日志总数:
			  888篇
		  </h2>
								<h2>网站运行:
		  <span id="sitetime">88天 </span></h2>
							</div>
							<div role="tabpanel" class="tab-pane contact" id="contact">
								<h2>QQ:
			  <a href="" target="_blank" rel="nofollow" data-toggle="tooltip" data-placement="bottom" title="" draggable="false" data-original-title="QQ:577211782">577211782</a>
		  </h2>
								<h2>Email:
		  <a href="mailto:577211782@qq.com" target="_blank" data-toggle="tooltip" rel="nofollow" data-placement="bottom" title="" draggable="false" data-original-title="Email:577211782@qq.com">577211782@qq.com</a></h2>
							</div>
						</div>
					</div>
				</div>
				<div class="widget widget_hot">
					<h3>最新评论文章</h3>
					<tr th:each="chat:${newlist}">
						<ul>
							<li>
								<a th:href="@{/chatinfo(id=${chat.id})}" title="用DTcms做一个独立博客网站（响应式模板）" href="#"><span class="thumbnail">
				<img th:href="@{/chatinfo(id=${chat.id})}" class="thumb" th:src="@{'image/'+${chat.pichat}}" src="chat/images/201610181739277776.jpg" alt="用DTcms做一个独立博客网站（响应式模板）"  style="display: block;">
			</span><span class="text" th:text="${chat.name}">用DTcms做一个独立博客网站（响应式模板）</span><span class="muted" th:text="${#dates.format(chat.createtime, 'yyyy-MM-dd hh:mm:ss')}"><i class="glyphicon glyphicon-time"></i>
				2016-11-01
			</span><span class="muted"><i class="glyphicon glyphicon-eye-open" th:text="${chat.browse}"></i></span></a>
							</li>
						</ul>
					</tr>
				</div>
				</div>
			</aside>
		</section>
		<footer class="footer">
			<div class="container">
				<p>Copyright &copy; 2016.Company name All rights reserved.More Templates
					<a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from
					<a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a>
				</p>
			</div>
			<div id="gotop">
				<a class="gotop"></a>
			</div>
		</footer>
	<script src="chat/js/bootstrap.min.js"></script>
	<script src="chat/js/jquery.ias.js"></script>
	<script src="chat/js/scripts.js"></script>
	<script src="chat/js/up.js"></script>
	</body>

</html>